<html>
	<head>
		<style type="text/css">
			#modal_overlay {
				position: absolute;
				z-index: 99;
				visibility: hidden;
				top:0;
				left:0;
				width: 100%;
				height: 100%;
				background-image:url('transparent.png');
			}
			
			#modal_content {
				z-index: 100;
				visibility: hidden;
				position: absolute;
				background: blue;
				top:50%;
				left:50%;
			
			}
		</style>
		<script type="text/javascript" src="../js/sejsbox.js"></script>
		<script type="text/javascript">
			var md = new ModalDialog("modal_overlay","modal_content");
		</script>
	</head>
	<body>
		<div id="main_window">
		<a href="#" onClick="md.toggleBox()">Show Box</a><br /><br />
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sapien sit amet neque bibendum suscipit et in quam. Sed ullamcorper tincidunt odio non sodales. Nam suscipit porttitor eros vitae vehicula. Nullam vehicula nunc vel nisl vehicula dignissim. Donec in augue urna, in fermentum justo. In nec aliquet velit. Phasellus vitae lorem massa, a malesuada magna. Mauris eleifend porta dui, eu feugiat orci pellentesque et. Duis in ullamcorper libero. Pellentesque tristique scelerisque metus, at vestibulum ipsum tincidunt et. Phasellus at lorem ac turpis tincidunt fringilla egestas a elit. Vestibulum faucibus, elit sit amet tincidunt laoreet, ligula libero rutrum leo, quis faucibus dui erat at libero. In mattis risus id augue posuere vel laoreet nibh ornare. Nulla facilisi. Vivamus laoreet interdum posuere. Praesent facilisis posuere arcu, quis vestibulum risus laoreet vitae. Pellentesque faucibus purus eu libero luctus quis mollis urna gravida. Praesent quis eros orci, in rutrum elit.

Phasellus sed volutpat orci. Suspendisse in dui ut urna gravida consequat vel sit amet est. Nulla vehicula orci nisi. Donec id ligula sit amet diam euismod sagittis. Phasellus convallis sapien in urna pharetra eget feugiat augue auctor. Quisque velit diam, convallis non vehicula vel, porttitor vel lacus. Duis et urna dui, in ornare ante. Proin et semper arcu. In in mauris nibh. In aliquam turpis vel eros bibendum feugiat.

Nulla ornare, ligula sed tempor tempus, nisi metus cursus libero, sed euismod nulla orci nec felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur pellentesque nisi vitae neque tincidunt auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in convallis odio. Praesent auctor, arcu sed laoreet imperdiet, augue velit rhoncus sapien, blandit pellentesque lorem purus non neque. Maecenas dapibus neque a nisi sodales fringilla. Maecenas auctor ornare leo ac eleifend. Integer mi libero, mollis sed elementum et, facilisis vitae eros. Nulla facilisi.

Aenean accumsan augue consequat libero tempus pulvinar. Morbi vitae facilisis felis. Proin convallis dignissim sollicitudin. Morbi sodales, urna porta porttitor rhoncus, arcu felis pharetra nibh, commodo mollis mi velit a nulla. Morbi vel varius mi. Cras in dignissim massa. In vel justo odio, non ultrices leo. Vivamus volutpat lacus nec purus posuere bibendum. Suspendisse ut augue nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec eros nec urna laoreet vulputate sit amet quis arcu. Donec iaculis lacinia elit, ac tempor elit tempor ac. Nullam pellentesque augue vel augue aliquet tempus. Aliquam accumsan interdum est a congue. Praesent erat purus, fringilla et fringilla vel, venenatis ut leo. Suspendisse mi mi, dignissim at facilisis vel, condimentum a lectus. Donec fringilla, mauris sit amet scelerisque scelerisque, metus diam volutpat nisi, pellentesque tincidunt neque velit sed turpis. Ut quis mi a nisi venenatis convallis at quis felis. Curabitur sed ante nec massa hendrerit malesuada.

Aenean eget ultrices nisi. Vestibulum hendrerit euismod posuere. Nulla sed ligula non ante malesuada ultricies eget ut lacus. Proin porta mollis eleifend. Aliquam tincidunt nisl ut eros convallis aliquet. Nunc sed iaculis velit. Duis laoreet rhoncus vestibulum. Sed vel dolor ut risus vestibulum varius in vitae urna. Duis condimentum sapien non neque sodales a tempus diam fermentum. Pellentesque porttitor bibendum magna eu imperdiet. Fusce vel tortor lacus. In nisl risus, congue at vulputate vitae, suscipit nec neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer tincidunt nisl a ante rhoncus nec auctor magna tincidunt.
		</div>
		<div id="modal_overlay">
			<div id="modal_content">
			Hey, this is actual real text, how crazy!<br />
			<a href="#" onClick="md.toggleBox()">Hide me</a>
			</div>
		</div>
	</body>
